@import "common.scss";

@include load;

#product {
  margin-top: 70px;
  .container {
    img {
      width: 217px;
      margin: 5px;
    }
  }
}

.modal {
  overflow: hidden !important;
  .modal-dialog {
    top: 50%;
    width: max-content;
    margin-top: 0;
    transform: translate(0, -50%) !important;

    .modal-content {
      @include more(box-shadow, none);
      background-color: transparent;
      border: none;
      margin-left: 36px;

      button {
        @include circle(36px);
        font-size: 36px;
        position: relative;
        font-size: 36px;
        right: 36px;
        background-color: black;
        color: $white;
      }
      img {
        max-height: 90vh;
        max-width: 80vw;
      }
    }
  }
}
